<template>
    <div id="nav">
        <el-menu :default-active="activeIndex" mode="horizontal">
            <el-menu-item index="0">
                <el-image :src="logoSrc" fit="fill" style="width: 50px; height: 50px"></el-image>
            </el-menu-item>
            <el-menu-item index="1">云刷题平台</el-menu-item>
            <el-menu-item index="2">刷题专区</el-menu-item>
            <el-menu-item index="3">智慧学习</el-menu-item>
            <el-menu-item index="4">考试专区</el-menu-item>
            <el-menu-item style="float: right">
                <el-dropdown>
                    <span class="el-dropdown-link">
                        <el-avatar :size="40" :src="logoSrc"></el-avatar>
                        <i class="el-icon-arrow-down el-icon--right"></i>
                    </span>
                    <el-dropdown-menu slot="dropdown">
                        <el-dropdown-item>设置</el-dropdown-item>
                    </el-dropdown-menu>
                </el-dropdown>
            </el-menu-item>
        </el-menu>
    </div>
</template>

<script>
    export default {
        name: "Header",
        data() {
            return {
                activeIndex: '1',
                logoSrc: 'https://wowotou-blog.oss-cn-chengdu.aliyuncs.com/favicon.ico',
            }
        },
        methods: {},
        created() {

        },
        mounted() {

        }
    }
</script>

<style scoped>
    /*去除Login底部的横线*/
    .el-menu--horizontal > .el-menu-item.is-active:first-of-type {
        border-bottom: 0;
    }
</style>
